<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/product_page.css">

</head>

<body>
    <!-- 顶部导航 -->
    <div class="topnav">
        <div class="container">
            欢迎来到HOUSE家居网！
            <span>
                <a href="">400-00-000xxx </a>
                <a href="">1234567xxx@gmail.com</a>
            </span>
        </div>
    </div>
    <!-- 主导航 -->
    <header class="container cf">
        <a href="./index.html"><img class="logo" src="./images/logo.png"></a>
        <nav>
            <a href="./index.html">首页</a>
            <a href="./aboutus.html">关于我们</a>
            <a href="./product_page.html">产品展示</a>
            <a href="./news_page.html">新闻动态</a>
            <a href="./message.html">在线留言</a>
            <a href="./contactus.html">联系我们</a>
        </nav>
    </header>
    <!-- 子导航 -->
    <div class="banner">
        <img src="images/banner5.jpg">
    </div>
    <div class="middle_nav">
        <div class="container">
            <a href="./index.html">首页</a> >>
            <a href="./product_page.html">产品展示</a>
        </div>
    </div>
    <!-- 产品展示 -->
    <section class="prodisp">
        <div class="container">
            <h1 class="line_ball">产品展示</h1>
            <div class="prodisp_main cf">
                <div class="prodisp_main_left fl">
                    <a href="#">床上用品</a>
                    <a href="#">家居饰品</a>
                    <a href="#">居家日用</a>
                    <a href="#">家居收纳</a>
                    <a href="#">厨房收纳</a>
                    <a href="#">厨房餐饮</a>
                    <img src="./images/02_wqpl.jpg">
                </div>
                <div class="prodisp_main_right fr cf">
                    <ul class="cf">
                        <li class="fl">
                            <a href="./product_particul.html">
                                <img src="./images/pro1.png"> 实木照片墙 创意绿色小鸟墙贴
                                <br/>
                                <span>￥</span>400.00
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./images/pro2.png"> 全悦18框实木照片墙创意相片墙
                                <br/>
                                <span>￥</span>189.00
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./images/pro3.png"> 地中海客厅实木照片墙现代简约
                                <br/>
                                <span>￥</span>1500.00
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./images/pro4.png"> 椭圆相框照片墙家居饰品创意复古墙
                                <br/>
                                <span>￥</span>500.00
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./images/pro5.png"> 可爱小脚丫浴室门口吸水防滑地垫
                                <br/>
                                <span>￥</span>250.00
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./images/pro6.png"> 长毛柔软地垫客厅卧室浴室地毯垫子
                                <br/>
                                <span>￥</span>220.00
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./images/pro7.png">客厅卧室茶几沙发欧式加厚丝毛地毯
                                <br/>
                                <span>￥</span>600.00
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./images/pro8.png"> 杜拓真空压缩袋 11丝加厚真空收纳袋
                                <br/>
                                <span>￥</span>500.00
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./images/pro9.jpg"> 太力牌真空压缩袋套装AY161
                                <br/>
                                <span>￥</span>400.00
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./images/pro9.jpg"> 太力牌真空压缩袋套装AY161
                                <br/>
                                <span>￥</span>400.00
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./images/pro9.jpg"> 太力牌真空压缩袋套装AY161
                                <br/>
                                <span>￥</span>400.00
                            </a>
                        </li>
                        <li class="fl">
                            <a href="#">
                                <img src="./images/pro9.jpg"> 太力牌真空压缩袋套装AY161
                                <br/>
                                <span>￥</span>400.00
                            </a>
                        </li>
                    </ul>
                    <!-- 翻页 -->
                    <div class="page">
                        <span>共计60条记录</span>
                        <a href="">1</a>
                        <a href="">2</a>
                        <a href="">3</a>
                        <a href="">4</a>
                        <a href="">5</a>
                        <a href="">下一页</a>
                        <a href="">尾页</a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- 底部导航 -->
    <footer>
        <div class="container cf">
            <!-- 地址联系方式 -->
            <div class="footer_left fl">
                <img src="./images/logo2.jpg">
                <p>中国上海市xxx区xxx路12号moumou大厦5层5xx室</p>
                <p>400-000-xxxx / (021)-1234578xxx</p>
                <p>12385963xxxx@gmail.com</p>
            </div>
            <!-- 快速链接 -->
            <div class="footer_middle fl">
                <h2>快速链接</h2>
                <ul class="linklist">
                    <li>
                        <a href="#">> 网站首页</a>
                    </li>
                    <li>
                        <a href="#">> 关于我们</a>
                    </li>
                    <li>
                        <a href="#">> 产品展示 </a>
                    </li>
                    <li>
                        <a href="#">> 新闻动态</a>
                    </li>
                    <li>
                        <a href="#">> 在线留言 </a>
                    </li>
                    <li>
                        <a href="#">> 联系我们</a>
                    </li>
                    <li></li>
                </ul>
            </div>
            <!-- 搜索 -->
            <div class="footer_bottom fl">
                <h2>站内搜索</h2>
                <form class="search" action="#" method="GET">
                    <input type="text" placeholder="请输入关键字">
                    <button type="submit">搜索</button>
                    <p>
                        <a href="">关注我们</a>
                    </p>
                </form>
            </div>
        </div>
        <div class="bottom_nav">
            <p>Copyright ? 2009-2011,www.xxxxxx.com,All rights reserved 沪ICP备XXXXXX号 未经同意，不得转载</p>
        </div>
    </footer>
    <!-- 回到顶部 -->
    <div id="gotop">
        <img src="./images/回到顶部.jpeg" alt="">
    </div>
    <script src="./js/common.js"></script>
</body>

</html>